<template>
  <div id="app">
    <Map></Map>
    <TarBar v-if="this.$route.meta.isNav"></TarBar>
    <Fade>
      <router-view />
    </Fade>
  </div>
</template>

<script>
import TarBar from "./components/TarBar.vue";
import Fade from "./components/Fade.vue";
import Map from "./components/Map.vue";
export default {
  components: {
    TarBar,
    Fade,
    Map
  },
  mounted() {
    // console.log(this.$route.meta);
  },
};
</script>

<style scoped>
#app {
  width: 10rem;
  margin: 0 auto;
  padding-bottom: 80px;
}
</style>
